<template>
<div>
  <select v-model="index">
 <option :value="-1" selected="selected">&#45;&#45;请选择&#45;&#45;</option>
    <option v-bind:value="i" v-for="(p,i) in provinces">{{p}}</option>
  </select>
  <select v-model="city1">
    <option :value="-1" selected="selected">&#45;&#45;请选择&#45;&#45;</option>
    <option v-for="c in city[index]">{{c}}</option>
  </select>
</div>
</template>

<script>
export default {
  name: "pmc",
  data(){
    return{
      provinces:["江西省", "广东省", "浙江省", "福建省"],
      city:[
        ["南昌市", "抚州市", "赣州市", "吉安市"],
        ["广州市", "深圳市", "汕头市", "惠州市"],
        ["杭州市", "苏州市", "宁波市", "温州市"],
        ["福州市", "龙岩市", "厦门市", "泉州市"]
      ],
      index:-1,
      city1:-1
    }
  }

}
</script>

<style scoped>

</style>
